<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>SocialMap</title>
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta name="author" content="Masaru Matsuo" />
<meta name="copyright" content="Copyright &#169; 2007 PHP in Fukuoka" />
<link rev="made" href="mailto:smoochynet@gmail.com" />
<link href="./stylesheets/default.css" type="text/css" media="screen"/>
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAVRZQRi8QwLd4iDT63a9BXxTH7hPUhsQRYxE4edibX3HIhWM6AhQ0g7l6j090gSmFx0k9KvmY2VN4AQ" type="text/javascript"></script>
<script src="./javascripts/prototype.js" type="text/javascript"></script>
<script type="text/javascript" src="./javascripts/scriptaculous.js?load=builder,effects"></script>
<script type="text/javascript" src="./javascripts/modalbox.js"></script>
<script type="text/javascript">
	<!--
	var gGeo = new GClientGeocoder();
	var gMap;
	function load() {
		if (GBrowserIsCompatible()) {
			gMap = new GMap2(document.getElementById("map"));
			gMap.addControl(new GLargeMapControl());
			gMap.addControl(new GMapTypeControl());
			// TODO ジオコーディング
			//map.setCenter(new GLatLng(37.4419, -122.1419), 13);
			geoSearch();
			GEvent.addListener(gMap, 'singlerightclick', function(overlay, point){
				if (point) {
					alert('x:' + point.x + 'y:' + point.y);
				}
			});
		}
	}
	function geoSearch() {
		gGeo.getLatLng(document.getElementById('area').value, onGeocoding);
	}
	function onGeocoding(result) {
		if (result) {
			gMap.setCenter(result, 15);
			setMarker(result);
		} else {
			alert('ng');
		}
	}
	function setMarker(result) {
		var gmarkeroptions = new Object();
		gmarkeroptions.draggable = true;
		var marker = new GMarker(result, gmarkeroptions);
		gMap.addOverlay(marker);
	}
	-->
</script>
<style type="text/css">
<!--
div#map {
	width: 600px;
	height: 400px;
}
ul#menu {
	
}
-->	
</style>
</head>
<body onload="load();" onunload="GUnload()">
	<div id="header">
		<h1>SocialMaps</h1>
	</div>
	<div id="body">
		<ul id="menu">
			<li><a href="#">食べ物</a></li>
			<li><a href="#">食べ物</a></li>
			<li><a href="#">食べ物</a></li>
		</ul>
		<p><label for="area">エリア<input type="text" id="area" value="福岡市中央区赤坂" size="40"/></label><input type="button" value="検  索" onclick="geoSearch();"/></p>
		<div id="map"></div>
	</div>
</body>
</html>
